<template>
	<view>
		
		<swiper class="ky-swiper" :indicator-dots="true" :autoplay="true" :interval="3000" circular
		:duration="1000" indicator-color="rgba(255,255,255,0.6)" indicator-active-color="#ff6d9f" easing-function="easeOutCubic">
			<swiper-item>
				<view class="swiper-item">
					<image src="https://www.laijunlin.xyz/static/home/banner/6.jpg" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="https://www.laijunlin.xyz/static/home/banner/7.jpg" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="https://www.laijunlin.xyz/static/home/banner/8.jpg" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="https://www.laijunlin.xyz/static/home/banner/9.jpg" mode=""></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="https://www.laijunlin.xyz/static/home/banner/10.jpg" mode=""></image>
				</view>
			</swiper-item>
		</swiper>
		
	</view>
</template>

<script>
	
	export default {
		
	}
	
</script>

<style scoped lang="scss">
	
	.ky-swiper {
		width: 100%;
		height: 400rpx;
		.swiper-item {
			width: 100%;
			height: 100%;
			border-radius: 8px;
			image {
				width: 100%;
				// height: 100%;
				border-radius: 8px;
			}
		}
	}
	
</style>
